


// base color

$blue:#324157;
$light-blue:#3A71A8;

$red:#ee0a24;
$pink: #E65D6E;
$green: #30B08F;
$tiffany: #4AB7BD;
$yellow:#FEC171;
$panGreen: #30B08F;
$primary:$light-blue;

@mixin wh($width:auto,$height:auto){
  width: $width;
  height: $height;
}

@mixin ellipsis-1(){
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}

@mixin ellipsis-2(){
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -moz-box;
  -moz-line-clamp: 2;
  -moz-box-orient: vertical;
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal;  
} 


@mixin clearfix {
  &:after {
    content: "";
    display: table;
    clear: both;
  }
}
